﻿
td, input, textarea, select, th 
{ 
	font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif; 
	font-size: 1.1em; 
}

input.textbox, textarea 
{ 
	background: #fff url(../images/textbox_bg.gif) no-repeat top left; 
	border: 1px solid #666; 
	padding: 2px; 
}

input.full, textarea.full 
{ 
	width: 75%;
}
select option 
{ 
	padding: 0 3px; 
}
ul, ol 
{ 
	padding: 5px 15px; 
}


 

/* validation */

.error { color: #F00; }
input.error { border-color: #f00; }
div.validationSummary {
	background-color: #fcc;
	border: 2px solid #C00;
	padding: 10px;
	display: none;
	clear: both;
}


/* autocomplete */

ul.suggest {
	position: absolute; z-index: 1000; display: block;
	list-style: none; border: 1px solid #333; border-top: 0;
	padding: 0; margin: 0;
	overflow: auto;
}

/*html > body ul.suggest { height: auto; max-height: 200px; }*/

ul.suggest li {
	display: block; margin: 0; padding: 0;
	background-color: #fff; color: #000;
	text-align: left;
}
ul.suggest li.selected { background-color: #00c; color: #fff; }
ul.suggest li span { padding: 3px; }

/* grids */
table.full { width: 100%; }

table.grid { border-collapse: collapse; }

table.grid * th {
	padding: 4px; text-align: left;
	background-color: #ddd; color: #666; font-weight: normal; border: 1px solid #CBC9C9; border-bottom-width: 4px; border-top: 0;
	white-space: nowrap;
}

table.grid * td { border: 1px solid #CBC9C9; }
/*
table.grid * td input.textbox { padding: 2px 2px; width: 96%; height: 100%; }
table.grid * td textarea { padding: 2px 2px; width: 96%; height: 100%; }
*/

html > body table.grid td textarea.textbox { 
	padding: 0px;
	text-indent: 1px;
}

html > body table.grid td input.textbox { 
	padding: 0px;
	text-indent: 1px;
}

table.grid * span.label { display: block; padding: 4px; }
table.grid * tr.selected td { background-color: #C9E3F6; vertical-align: top; }
table.grid tfoot td { padding: 4px; background-color: #CBC9C9; font-weight: bold; }

/*
table.grid * td.cellOff { background-color: #eee; width: 15px; border-left: 0px; border-right: 0px !important; }
table.grid * th.cellOff { background-color: #cfcfcf; width: 15px; border-left: 0px; border-right: 0px !important;}
table.grid * .cellOff span, table.grid * .cellOff * { display: none; !important; }
*/

table.grid .editable { cursor: pointer !important }


/* forms */

ul.form { list-style: none; padding: 0; margin: 0; width: 620px; clear: both; }
ul.form li {
	display: block; padding: 5px 0;
}
ul.form li.sepa { border-top: 1px solid #ccc; padding-top: 12px; margin-top: 10px; }
ul.form li.full { clear: both; }
ul.form li.left { float: left; clear: left;  width: 50%;  }
ul.form li.right { float: right; clear: right; width: 50%;  }
ul.form li div.sub { padding-bottom: 10px; }
ul.form li br { display: none; }
ul.form li label {
	display: block; width: 120px; float: left; clear: right;
	text-align: right; padding-right: 4px; padding-top: 3px;
}


input.calendarPicker {
	width: 16px; height: 16px; overflow: hidden; text-indent: 500px;
	background: #fff url(../images/icon_calendar.gif) no-repeat top left; margin-left: 2px; border: 0; margin-bottom: 1px;
	cursor: pointer; font-size: 0px; color: #fff;
}

#remainingBudget { font-weight: bold; padding: 0 8px; }

td.btnDelete { width: 15px; padding: 0 3px 0 3px;}
	a.btnDelete {
		display: block; width: 15px; height: 15px;
		background: url(../images/icons.gif) no-repeat top left;
		overflow: hidden; text-indent: 1000px;
		cursor: pointer;
	}
	a.btnDelete { background-position: -60px 0; }
	a.btnDelete:hover { background-position: -60px -15px; }
	
td.btnEdit { width: 15px; padding: 0 3px 0 3px;}
	a.btnEdit {
		display: block; width: 15px; height: 15px;
		background: url(../images/icons.gif) no-repeat top left;
		overflow: hidden; text-indent: 1000px;
		cursor: pointer; 		
	}
	a.btnEdit { background-position: -15px 0; }
	a.btnEdit:hover { background-position: -15px -15px; }
	
td.btnWorkArea { width: 15px; padding: 0 3px 0 3px;}
	a.btnWorkArea {
		display: block; width: 15px; height: 15px;
		background: url(../images/icons.gif) no-repeat top left;
		overflow: hidden; text-indent: 1000px;
		cursor: pointer; 		
	}
	a.btnWorkArea { background-position: 0px 0; }
	a.btnWorkArea:hover { background-position: 0px -15px; }
	
